// element-plus 主题延时覆盖
@forward 'element-plus/theme-chalk/src/dark/var.scss' with (
  $colors: (
  )
);

@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;

:root:root {
  // 主色
  --el-color-primary: #2254F5;
  --color-primary-rgb: 43, 83, 229;
  --el-bg-color: #f6f7fb;

  --el-fill-color-blank: #ffffff;
  --el-component-size-large: 40px;
  --el-component-size: 32px;
  --el-component-size-small: 24px;
  --el-input-height: 42px;
  --el-input-inner-height: calc(var(--el-input-height, 42px) - 2px);
  --el-border-radius-base: 6px;
  --el-popover-border-radius: 8px;
  --el-text-color-regular: #333;
  // table
  .el-table{
    --el-table-bg-color: transparent;
    --el-bg-color: transparent;
    --el-table-header-bg-color: transparent;
    --el-table-tr-bg-color: transparent;
    --el-table-border: 1px solid #f4f4f4;
  }
}

// 自定义滚动条样式
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

// table
.el-table__body-wrapper{
  background-color: #fff;
  border-radius: 10px;
}

.el-table th.el-table__cell.is-leaf{
  border: none !important;
}

body .el-table .cell{
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}